import * as echarts from '../../ec-canvas/echarts';

const app = getApp()

function initChart(canvas, width, height,info) {
    const chart = echarts.init(canvas, null, {
        width: width,
        height: height
    });
    canvas.setChart(chart);
    wx.request({
        url: app.globalData.appurl + 'api/user/get_oli_price', // 我的账单
        data: {},
        method: "POST",
        // header: {
        //     'content-type': 'application/x-www-form-urlencoded' // 默认值
        // },
        success(res) {
            if (res.statusCode === 200) {
                const a=Number(res.data.data[0])
                const b=Number(res.data.data[1])
                const c=Number(res.data.data[2])
                const d=Number(res.data.data[3])

                var option = {
                    tooltip: {
                        show: true
                    },

                    xAxis: {
                        type: 'category',
                        show: false//隐藏x轴
                    },
                    yAxis: {
                        type: 'value',
                        splitLine: {show: false},//去除网格线
                        show: false//隐藏y轴
                    },
                    series: [
                        {
                            type: 'bar',
                            data: [a, b, c, d],
                            barWidth: 20,
                            itemStyle: {
                                normal: {
                                    //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
                                    color: function (params) {
                                        const colorList = ['rgb(62,166,247)', 'rgb(13,212,126)', 'rgb(255,98,128)', 'rgb(193,96,243)'];
                                        return colorList[params.dataIndex];
                                    },
                                    label: {
                                        show: true,
                                        position: "top",
                                        textStyle: {
                                            fontWeight: "bolder",
                                            fontSize: "12",
                                            color: "#000000"
                                        }
                                    },
                                }
                            }
                        },


                    ]
                };
                chart.setOption(option);
                return chart;
            }
        }
    })


}

Page({

    /**
     * 页面的初始数据
     */
    data: {
        ec: {
            onInit: initChart,
        }
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})